﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SCP_Area.aspx.cs" Inherits="Catering.Catering_Page.richang.SCP_Area" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../Style/head.css" />
    <link rel="stylesheet" type="text/css" href="../../Style/center.css" />
    <link rel="stylesheet" type="text/css" href="../../Style/zhezhao.css" />
    <script language="javascript" type="text/javascript" src="../../Scripts/My97DatePicker/WdatePicker.js"></script>
    <script src="../../Style/zhezhao.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <style type="text/css">
    .UL_PersonforMSN{width:80%; height:60px; margin:0px auto; padding:0px; list-style:none;}
    .UL_PersonforMSN li{ list-style:none; padding:0px; width:33%; height:30px; white-space:nowrap; line-height:30px; float:left;}
    .table_td_120 td{padding:5px 0px;}
    #div_workinglist{width:1000px; height:375px;}
    #div_workinglist table{ min-width:1000px; _min-width:1000px; background-color:#C2DEF6;}
    #div_workinglist table th{ line-height:24px; text-align:center; font-weight:bold; background-color:#E5F1FD; padding:0px 3px; white-space:nowrap;}
    #div_workinglist table td{ line-height:26px; text-align:center; background-color:#ffffff; padding:0px 5px; white-space:nowrap;}
    #div_workinglist table td A{ color:#0066CC;}
    </style>
    <script type="text/javascript">
        function ShowUserInfo(pid) {
            $("#txt_UName").val("");
            $("#txt_Sex").val("");
            $("#txt_Old").val("");
            $("#txt_No").val("");
            $("#txt_Placeoforigin").val("");

            $("#txt_Education").val("");
            $("#txt_Professional").val("");
            $("#txt_Title").val("");
            $("#txt_Politicalaffiliation").val("");
            $("#txt_QQ").val("");

            $("#txt_ServiceUnit").val("");
            $("#txt_Tel").val("");
            $("#txt_Email").val("");
            $("#txt_ADD").val("");
            $("#txt_back").val("");

            $.ajax({
                type: "Post",
                url: "SCP_Area.aspx/GetPersonnelInfo",
                data: "{'PID':'" + pid + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    if (data.d[0] == "OK") {
                        $("#txt_UName").val(data.d[1]);
                        $("#txt_Sex").val(data.d[2]);
                        $("#txt_Old").val(data.d[3]);
                        $("#txt_No").val(data.d[4]);
                        $("#txt_Placeoforigin").val(data.d[5]);

                        $("#txt_Education").val(data.d[6]);
                        $("#txt_Professional").val(data.d[7]);
                        $("#txt_Title").val(data.d[8]);
                        $("#txt_Politicalaffiliation").val(data.d[9]);
                        $("#txt_QQ").val(data.d[10]);

                        $("#txt_ServiceUnit").val(data.d[11]);
                        $("#txt_Tel").val(data.d[12]);
                        $("#txt_Email").val(data.d[13]);
                        $("#txt_ADD").val(data.d[14]);
                        $("#txt_back").val(data.d[15]);
                    }
                }
            });
            divshow("main", "bg");
        }
    </script>

    <script type="text/javascript">
<!--
        function FixTable(TableID, FixColumnNumber, width, height) {
            /// <summary>
            ///     锁定表头和列
            ///     <para> sorex.cnblogs.com </para>
            /// </summary>
            /// <param name="TableID" type="String">
            ///     要锁定的Table的ID
            /// </param>
            /// <param name="FixColumnNumber" type="Number">
            ///     要锁定列的个数
            /// </param>
            /// <param name="width" type="Number">
            ///     显示的宽度
            /// </param>
            /// <param name="height" type="Number">
            ///     显示的高度
            /// </param>
            if ($("#" + TableID + "_tableLayout").length != 0) {
                $("#" + TableID + "_tableLayout").before($("#" + TableID));
                $("#" + TableID + "_tableLayout").empty();
            }
            else {
                $("#" + TableID).after("<div id='" + TableID + "_tableLayout' style='overflow:hidden;height:" + height + "px; width:" + width + "px;'></div>");
            }
            $('<div id="' + TableID + '_tableFix"></div>'
    + '<div id="' + TableID + '_tableHead"></div>'
    + '<div id="' + TableID + '_tableColumn"></div>'
    + '<div id="' + TableID + '_tableData"></div>').appendTo("#" + TableID + "_tableLayout");
            var oldtable = $("#" + TableID);
            var tableFixClone = oldtable.clone(true);
            tableFixClone.attr("id", TableID + "_tableFixClone");
            $("#" + TableID + "_tableFix").append(tableFixClone);
            var tableHeadClone = oldtable.clone(true);
            tableHeadClone.attr("id", TableID + "_tableHeadClone");
            $("#" + TableID + "_tableHead").append(tableHeadClone);
            var tableColumnClone = oldtable.clone(true);
            tableColumnClone.attr("id", TableID + "_tableColumnClone");
            $("#" + TableID + "_tableColumn").append(tableColumnClone);
            $("#" + TableID + "_tableData").append(oldtable);
            $("#" + TableID + "_tableLayout table").each(function () {
                $(this).css("margin", "0");
            });
            var HeadHeight = $("#" + TableID + "_tableHead thead").height();
            HeadHeight += 2;
            $("#" + TableID + "_tableHead").css("height", HeadHeight);
            $("#" + TableID + "_tableFix").css("height", HeadHeight);
            var ColumnsWidth = 0;
            var ColumnsNumber = 0;
            $("#" + TableID + "_tableColumn tr:last td:lt(" + FixColumnNumber + ")").each(function () {
                ColumnsWidth += $(this).outerWidth(true);
                ColumnsNumber++;
                        });
//            ColumnsWidth = 308;
            ColumnsWidth += 2;
            if ($.browser.msie) {
                switch ($.browser.version) {
                    case "7.0":
                        if (ColumnsNumber >= 3) ColumnsWidth--;
                        break;
                    case "8.0":
                        if (ColumnsNumber >= 2) ColumnsWidth--;
                        break;
                }
            }
            $("#" + TableID + "_tableColumn").css("width", ColumnsWidth);
            $("#" + TableID + "_tableFix").css("width", ColumnsWidth);
            $("#" + TableID + "_tableData").scroll(function () {
                $("#" + TableID + "_tableHead").scrollLeft($("#" + TableID + "_tableData").scrollLeft());
                $("#" + TableID + "_tableColumn").scrollTop($("#" + TableID + "_tableData").scrollTop());
            });
            $("#" + TableID + "_tableFix").css({ "overflow": "hidden", "position": "relative", "z-index": "50", "background-color": "Silver" });
            $("#" + TableID + "_tableHead").css({ "overflow": "hidden", "width": width - 17, "position": "relative", "z-index": "45", "background-color": "Silver" });
            $("#" + TableID + "_tableColumn").css({ "overflow": "hidden", "height": height - 17, "position": "relative", "z-index": "40", "background-color": "Silver" });
            $("#" + TableID + "_tableData").css({ "overflow": "scroll", "width": width, "height": height, "position": "relative", "z-index": "35" });
            if ($("#" + TableID + "_tableHead").width() > $("#" + TableID + "_tableFix table").width()) {
                                $("#" + TableID + "_tableHead").css("width", $("#" + TableID + "_tableFix table").width());
                $("#" + TableID + "_tableData").css("width", $("#" + TableID + "_tableFix table").width() + 17);
            }
            if ($("#" + TableID + "_tableColumn").height() > $("#" + TableID + "_tableColumn table").height()) {
                $("#" + TableID + "_tableColumn").css("height", $("#" + TableID + "_tableColumn table").height());
                $("#" + TableID + "_tableData").css("height", $("#" + TableID + "_tableColumn table").height() + 17);
            }
            $("#" + TableID + "_tableFix").offset($("#" + TableID + "_tableLayout").offset());
            $("#" + TableID + "_tableHead").offset($("#" + TableID + "_tableLayout").offset());
            $("#" + TableID + "_tableColumn").offset($("#" + TableID + "_tableLayout").offset());
            $("#" + TableID + "_tableData").offset($("#" + TableID + "_tableLayout").offset());
        }
        $(document).ready(function () {
            FixTable("table_Person",4, 1000, 375);
        });
//-->
</script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" ScriptMode="Release" EnablePartialRendering="false" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
    <div class="div_0207 left_width500" style="height: 30px; width:998px;">
        <table align="left" style="height: 30px" width="100%" border="0" cellspacing="0" cellpadding="0" class="ckgl_table">
            <tr>
                <td width="75" align="right">作业区：</td>
                <td width="110" align="left"><asp:DropDownList CssClass="select_input_bg" Style="width: 100px;" ID="ddl_Area" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddl_Area_SelectedIndexChanged"></asp:DropDownList></td>
                <td width="60" align="right">班组：</td>
                <td width="110" align="left"><asp:DropDownList CssClass="select_input_bg" Style="width: 100px;" ID="ddl_class" runat="server" AutoPostBack="True"></asp:DropDownList></td>
                <td width="60" align="right">日期：</td>
                <td width="110" align="left">
                    <asp:TextBox ID="TextBox1" Text="" runat="server" CssClass="input_bg" Style="text-align: center; width: 100px;"></asp:TextBox>
                </td> 
                <td>&nbsp;</td>                 
                <td width="100" align="right"><asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">开始统计</asp:LinkButton></td>
                <td width="100" align="right"><asp:Button ID="Btn_Excel" CssClass="input_btn_a" runat="server" Text="导出Excel" onclick="Btn_Excel_Click" /></td>
                <td width="10">&nbsp;</td> 
            </tr>
        </table>
    </div>
    <div class="div_0207 left_width500" id="tongjibar" runat="server" style="width:1000px; border:none; height:60px; height:auto; background-image:url('../../Images/stitle02.gif'); background-repeat:repeat-x;  ">
        <ul class="UL_PersonforMSN" runat="server" id="PersonForMSN"><li>未统计</li></ul>
        <div id="div_workinglist" runat="server" runat="server" style="margin-top:10px;overflow: auto;">
            
        </div>
    </div>        
    <div id="bg" class="bg" runat="server"></div>
    <div id="main" class="center_div" runat="server" style="width:700px; height: 300px; padding: 0px;left:40%;
        margin-top: -100px;">
        <div class="div_0207" style="width:698px; height:300px; margin:0px;">
            <h1><img src="../../Images/cp_h1_03.gif" /><span id="div_span_title">人员详细</span></h1>
            <table class="table_td_120" align="center" height="240" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="75" align="right">姓名：</td>
                    <td width="100">
                        <asp:TextBox ID="txt_UName" runat="server" style="width:100px;" CssClass="input_bg"></asp:TextBox>
                    </td>
                    <td width="50" align="right">性别：</td>
                    <td width="100">
                        <asp:TextBox ID="txt_Sex" runat="server" style="width:100px;" CssClass="input_bg"></asp:TextBox>
                    </td>
                    <td width="50" align="right">年龄：</td>
                    <td width="100">
                        <asp:TextBox ID="txt_Old" runat="server" style="width:100px;" CssClass="input_bg"></asp:TextBox>
                    </td>
                    <td width="75" align="right">身份证号：</td>
                    <td width="100">
                        <asp:TextBox ID="txt_No" runat="server" style="width:100px;" CssClass="input_bg"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td align="right">籍贯：</td>
                    <td>
                        <asp:TextBox ID="txt_Placeoforigin" style="width:100px;" runat="server" CssClass="input_bg"></asp:TextBox>
                    </td>
                    <td align="right">学历：</td>
                    <td>
                        <asp:TextBox ID="txt_Education" runat="server" style="width:100px;" CssClass="input_bg"></asp:TextBox>
                    </td>
                    <td align="right">专业：</td>
                    <td>
                        <asp:TextBox ID="txt_Professional" runat="server" style="width:100px;" CssClass="input_bg"></asp:TextBox>
                    </td>
                    <td align="right">职称：</td>
                    <td>
                        <asp:TextBox ID="txt_Title" runat="server" style="width:100px;" CssClass="input_bg"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td align="right">政治面貌：</td>
                    <td>
                        <asp:TextBox ID="txt_Politicalaffiliation" runat="server" style="width:100px;" CssClass="input_bg"></asp:TextBox>
                    </td>
                    <td align="right">QQ：</td>
                    <td>
                        <asp:TextBox ID="txt_QQ" runat="server" style="width:100px;" CssClass="input_bg"></asp:TextBox>
                    </td>
                    <td align="right">单位：</td>
                    <td>
                        <asp:TextBox ID="txt_ServiceUnit" runat="server" style="width:100px;" CssClass="input_bg"></asp:TextBox>
                    </td>
                    <td align="right">电话：</td>
                    <td>
                        <asp:TextBox ID="txt_Tel" runat="server" style="width:100px;" CssClass="input_bg"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td align="right">邮箱：</td>
                    <td>
                        <asp:TextBox ID="txt_Email" runat="server" style="width:100px;" CssClass="input_bg"></asp:TextBox>
                    </td>
                    <td align="right">地址：</td>
                    <td>
                        <asp:TextBox ID="txt_ADD" runat="server" style="width:100px;" CssClass="input_bg"></asp:TextBox>
                    </td>
                    <td align="right"></td>
                    <td></td>
                    <td align="right"></td>
                    <td></td>
                </tr>                        
                <tr>
                    <td align="right">
                        备注：
                    </td>
                    <td colspan="7">
                        <asp:TextBox ID="txt_back" runat="server" TextMode="MultiLine" style="width:520px;height:40px;" CssClass="input_bg"></asp:TextBox>
                    </td>
                </tr>
            </table>
            <table width="100%">
                <tr>
                    <td align="center">
                        <input type="button" id="but_Close" onclick='divhidel("main","bg")' class="input_btn_a" value="关闭" />
                    </td>
                </tr>
            </table>
        </div>
    </div>
    </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
</html>
